<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" 
%><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" 
%><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" 
%><%@ taglib tagdir="/WEB-INF/tags" prefix="cohesion"
%><%@ page contentType="text/html;charset=ISO-8859-1"
%><html:html>
    <head>
        <title><bean:message key="VCrearUsuario.title"/></title>
        <html:base/>
        <link rel="stylesheet" type="text/css" href="../css/style.css"></link>
        <script type="text/javascript" src="../_tooltips/js/prototype.js"></script>
        <script type="text/javascript" src="../_tooltips/js/HelpBalloon.js"></script>
        <script type="text/javascript" src="../scripts/datetimepicker.js"></script>
        <style type="text/css">
        div#box235785 {width: 400px; margin: 40px auto; }
        form#235785 {float: left; margin: 0; padding: 0; display: inline; width: 400px; }
        form#235785 p {float: left; margin: 0; padding: 0; display: inline; }
        form#235785 label {float: left; margin: 0; padding: 0; display: inline; overflow: hidden; }
        form#235785 input {float: left; margin: 0; padding: 0; display: inline; }
          form#235785 p#235787_C {clear: both; width: 400px; }
          form#235785 p#235787_C label {clear: both; width: 400px; }
          form#235785 p#235787_C input {clear: both; width: 396px; }
          form#235785 p#377132_C {clear: both; width: 400px; }
          form#235785 p#377132_C label {clear: both; width: 400px; }
          form#235785 p#377132_C input {clear: both; width: 396px; }
          form#235785 p#377135_C {clear: both; width: 400px; }
          form#235785 p#377135_C label {clear: both; width: 400px; }
          form#235785 p#377135_C input {clear: both; width: 396px; }
          form#235785 p#377138_C {clear: both; width: 400px; }
          form#235785 p#377138_C label {clear: both; width: 400px; }
          form#235785 p#377138_C input {clear: both; width: 396px; }
          form#235785 p#377144_C {clear: both; width: 400px; }
          form#235785 p#377144_C label {clear: both; width: 400px; }
          form#235785 p#377144_C input {clear: both; width: 396px; }
          form#235785 p#377148_C {clear: both; width: 400px; }
          form#235785 p#377148_C label {clear: both; width: 400px; }
          form#235785 p#377148_C input {clear: both; width: 396px; }
          form#235785 p#377151_C {clear: both; width: 400px; }
          form#235785 p#377151_C label {clear: both; width: 400px; }
          form#235785 p#377151_C input {clear: both; width: 396px; }
          form#235785 p#377154_C {clear: both; width: 400px; }
          form#235785 p#377154_C label {clear: both; width: 400px; }
          form#235785 p#377154_C input {clear: both; width: 396px; }
          form#235785 p#377157_C {clear: both; width: 400px; }
          form#235785 p#377157_C label {clear: both; width: 400px; }
          form#235785 p#377157_C input {clear: both; width: 396px; }
          form#235785 p#377160_C {clear: both; width: 400px; }
          form#235785 p#377160_C label {clear: both; width: 400px; }
          form#235785 p#377160_C input {clear: both; width: 396px; }
          form#235785 p#377163_C {clear: both; width: 400px; }
          form#235785 p#377163_C label {clear: both; width: 400px; }
          form#235785 p#377163_C input {clear: both; width: 396px; }
          form#235785 p#391113_C {clear: both; width: 400px; }
          form#235785 p#391113_C label {clear: both; width: 400px; }
          form#235785 p#391113_C input {clear: both; width: 396px; }
          form#235785 p#392045_C {clear: both; width: 400px; }
          form#235785 p#392045_C label {clear: both; width: 400px; }
          form#235785 p#392045_C input {clear: both; width: 396px; }
          form#235785 p#392048_C {clear: both; width: 400px; }
          form#235785 p#392048_C label {clear: both; width: 400px; }
          form#235785 p#392048_C input {clear: both; width: 396px; }
          form#235785 p#407674_C {clear: both; width: 400px; }
          form#235785 p#407674_C label {clear: both; width: 400px; }
          form#235785 p#407674_C input {clear: both; width: 396px; }
          form#235785 p#431510_C {clear: both; width: 400px; }
          form#235785 p#431510_C label {clear: both; width: 400px; }
          form#235785 p#431510_C input {clear: both; width: 396px; }
          form#235785 p#913348_C {clear: both; width: 400px; }
          form#235785 p#913348_C label {clear: both; width: 400px; }
          form#235785 p#913348_C input {clear: both; width: 396px; }

        </style>

    </head>
    <body>
        <div id="header">
            <div id="title"><bean:message key="VCrearUsuario.title"/></div>
            <div id="menu">
                <ul id="nav">
                    <li><cohesion:actor actors="5"><html:link action="/APreUsuarios.do"><bean:message key="VCrearUsuario.label1"/><%-- Cancelar --%></html:link></cohesion:actor></li>

                </ul>
            </div>
        </div>
        <div id="body_wrapper">
            <div id="body">
                <div id="split">
                    <div class="top"></div>
                    <div id="left">
                        <div class="content">
                            ${empty msg ? "" : msg}
                <div class="box235785"><html:form styleId="F235785"
                  action="/ACrearUsuario.do" method="post">
                  <p id="235787_C"><label for="235787"><bean:message key="FCrearUsuario.label0"/><%-- Nombre --%></label><html:text styleId="235787" property="nombre" size="30"/></p>
                  <p id="377132_C"><label for="377132"><bean:message key="FCrearUsuario.label1"/><%-- Apellido --%></label><html:text styleId="377132" property="apellido" size="30"/></p>
                  <p id="377135_C"><label for="377135"><bean:message key="FCrearUsuario.label2"/><%-- Direccion --%></label><html:text styleId="377135" property="direccion" size="30"/></p>
                  <p id="377138_C"><label for="377138"><bean:message key="FCrearUsuario.label3"/><%-- Correo Electronico --%></label><html:text styleId="377138" property="correoE" size="30"/></p>
                  <p id="377144_C"><label for="377144"><bean:message key="FCrearUsuario.label4"/><%-- Telefono Habitaci&oacute;n --%></label><html:text styleId="377144" property="telefonoHabitacion" size="30"/></p>
                  <p id="377148_C"><label for="377148"><bean:message key="FCrearUsuario.label5"/><%-- Telefono Celular --%></label><html:text styleId="377148" property="telefonoMovil" size="30"/></p>
                  <p id="377151_C"><label for="377151"><bean:message key="FCrearUsuario.label6"/><%-- Telefono Compa&ntilde;ia --%></label><html:text styleId="377151" property="telefonoExt" size="30"/></p>
                  <p id="377154_C"><label for="377154"><bean:message key="FCrearUsuario.label7"/><%-- Fecha Nacimiento --%></label><html:text styleId="377154" property="fechaNacimiento" size="30" readonly="true" onclick="NewCal('377154','ddmmyyyy');"/></p>
                  <p id="377157_C"><label for="377157"><bean:message key="FCrearUsuario.label8"/><%-- Lugar Nacimiento --%></label><html:text styleId="377157" property="lugarNacimiento" size="30"/></p>
                  <p id="377160_C"><label for="377160"><bean:message key="FCrearUsuario.label9"/><%-- Departamento --%></label><html:text styleId="377160" property="departamento" size="30"/></p>
                  <p id="377163_C"><label for="377163"><bean:message key="FCrearUsuario.label10"/><%-- Sueldo --%></label><html:text styleId="377163" property="sueldo" size="30"/></p>
                  <html:hidden property="idUsuario"/>
                  <p id="392045_C"><label for="392045"><bean:message key="FCrearUsuario.label12"/><%-- Login --%></label><html:text styleId="392045" property="login" size="30"/></p>
                  <p id="392048_C"><label for="392048"><bean:message key="FCrearUsuario.label13"/><%-- clave --%></label><html:password styleId="392048" property="password" size="30"/></p>
                  <p id="407674_C"><label for="407674"><bean:message key="FCrearUsuario.label14"/><%-- Clave Confirmaci&oacute;n --%></label><html:password styleId="407674" property="passwordConfirmacion" size="30"/></p>
                  <p id="431510_C"><label for="431510"><bean:message key="FCrearUsuario.label15"/><%-- rol --%></label><html:select styleId="431510" property="rol"><html:optionsCollection property="listRolCategoria"/></html:select></p>

                  <html:submit styleClass="button"><bean:message key="VCrearUsuario.label0"/><%-- Guardar --%></html:submit>
                </html:form></div>

                        </div>
                    </div>
                    <div id="right"><ul id="nav"><li><script type="text/javascript">var hb = new HelpBalloon({ dataURL: '//tooltip.do?V=VCrearUsuario'});</script></li></ul></div>
                    <div class="clearer"></div>
                    <div class="bottom"></div>
                </div>
                <div class="clearer"></div>
            </div>
            <div class="clearer"></div>
        </div>
        <div id="end_body"></div>
        <div id="footer"> <bean:message key="bottom.label"/> </div>
        
    </body>
</html:html>